<template>
    <div class="header">
        <div class="header-left" @click="prevHandle">
            <span class="iconfont">&#xe624;</span>
        </div>
        <div class="header-title">
            城市选择
        </div>
    </div>
</template>

<script>
export default {
    name : "city-header",
    methods : {
        prevHandle : function(){
            this.$router.go(-1);
        }
    }
}
</script>

<style scoped lang="stylus">

@import '~css/var.styl'

.header{ position relative; width:100%; height:0.88rem; line-height:0.88rem; background:$bgColor; font-size:0.28rem; color:$textColor;
    
    .header-left{ position:absolute; width:0.4rem; padding: 0 0.2rem; text-align: center; font-weight: bold;}

    .header-title{ text-align : center;}

 }

</style>



